<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基本表格</title>
</head>
<body>
<!--
    一个table标签表示一个表格的区域
        对于一个表格而言,存在无数行与无数列
        行与列组成了一个个的单元格
        每一行的列数是相同的,如果不同,会存在空白的区域
    tr:表示表格的行
        一行中可以存在无数列
    td/th:表示表格的列
        td、th均表示列,只是列中的样式存在区别
        字体一致,字体的大小也一样
        th居中、加粗,一般用于表头
        td居左、不加粗,一般用于表正文
    border属性:为表格设置边框,值越大,边框越厚,0表示没有边框
    很多属性在table、tr、td/th中都可以设置,如果均设置了,则优先级为:列>行>表格
    如果背景色与背景图同时存在,则背景色优先于背景图
-->
<!--<table align="center" border="1" width="500px" height="300px" bgcolor="#dddddd" cellpadding="10px" cellspacing="10px">-->
<table align="center" border="1" width="500px" height="300px" background="../images/heihei.gif" cellpadding="10px" cellspacing="10px">
    <tr height="100px" bgcolor="red">
        <th width="100px" bgcolor="blue">标题</th>
        <th width="200px">标题</th>
        <th>标题</th>
        <th>标题</th>
    </tr>
    <tr bgcolor="green">
        <td>单元格</td>
        <td align="center">单元格</td>
        <td align="right">单元格</td>
        <td>单元格</td>
    </tr>
    <tr align="center">
        <td>单元格</td>
        <td>单元格</td>
        <td>单元格</td>
        <td>单元格</td>
    </tr>
    <tr>
        <td>单元格</td>
        <td>单元格</td>
        <td>单元格</td>
        <td>单元格</td>
    </tr>
    <tr>
        <td>单元格</td>
        <td>单元格</td>
        <td>单元格</td>
        <td>单元格</td>
    </tr>
    <tr>
        <td>单元格</td>
        <td>单元格</td>
        <td>单元格</td>
        <td>单元格</td>
    </tr>
</table>
</body>
</html>